<div class="accessstore-list">
    <div nz-row nzGutter="10" class="row_1">
        <nz-select nz-col nzSpan="2" [(ngModel)]="kf" [nzSize]="100" nzPlaceHolder="库房">
            <nz-option nzValue="0" nzLabel="全部"></nz-option>
            <nz-option nzValue="1" nzLabel="库房1"></nz-option>
            <nz-option nzValue="2" nzLabel="库房2"></nz-option>
        </nz-select>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料编码" [(ngModel)]="searchCode" />
            
        </div>
        <div nz-col nzSpan="2">
            <button nz-button nzType="primary">请选择</button>
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料名称" [(ngModel)]="searchName" />
        </div>
        <nz-select nz-col nzSpan="3" [(ngModel)]="typeYw" [nzSize]="100" nzPlaceHolder="业务类型">
            <nz-option nzValue="0" nzLabel="全部"></nz-option>
            <nz-option nzValue="1" nzLabel="业务类型1"></nz-option>
            <nz-option nzValue="2" nzLabel="业务类型2"></nz-option>
        </nz-select>
       
        <div nz-col nzSpan="10">
            <nz-date-picker
            [nzDisabledDate]="disabledStartDate"
            nzShowTime
            nzFormat="yyyy-MM-dd"
            [(ngModel)]="startValue"
            nzPlaceHolder="事务处理时间开始"
            (ngModelChange)="onStartChange($event)"
            (nzOnOpenChange)="handleStartOpenChange($event)"
          >
          </nz-date-picker>
          -
          <nz-date-picker
            [nzDisabledDate]="disabledEndDate"
            nzShowTime
            nzFormat="yyyy-MM-dd"
            [(ngModel)]="endValue"
            nzPlaceHolder="事务处理时间结束"
            [nzOpen]="endOpen"
            (ngModelChange)="onEndChange($event)"
            (nzOnOpenChange)="handleEndOpenChange($event)"
          >
          </nz-date-picker>
            <!-- <nz-range-picker [(ngModel)]="dateRange" (ngModelChange)="handleDate($event)"></nz-range-picker> -->
        </div>
        <div nz-col nzSpan="4" class="operate_btn">
            <button nz-button nzType="" (click)="handleSearch()">
                <i nz-icon nzType="search"></i>搜索
            </button>
        </div>
    </div>
   

    <div nz-row class="row_3">
        <nz-table #expandTable [nzData]="listOfData" [nzFrontPagination]="false">
            <thead>
                <tr>
                   
                    <th>条码批次</th>
                    <th>包装数量</th>
                    <th>包装规格</th>
                    <th>重量</th>
                    <th>备注</th>
                    <th>入库人</th>
                    <th>入库时间</th>
                    
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of expandTable.data">
                    <td>{{ data.pctm }}</td>
                    <td>{{ data.count }}</td>
                    <td>{{ data.gg }}</td>
                    <td>{{ data.zl }}</td>
                    <td>{{ data.remark }}</td>
                    <td>{{ data.rkr }}</td>
                    <td>{{ data.rkDate }}</td>
                </tr>
            </tbody>
        </nz-table>
        <div nz-row class="row_4">
            <nz-pagination [nzPageIndex]="1" [nzTotal]="50" [nzShowTotal]="totalTemplate"></nz-pagination>
            <ng-template #totalTemplate let-total> 总共 50 条 </ng-template>
        </div>
    </div>
</div>